<%--
  Created by IntelliJ IDEA.
  User: lxm
  Date: 2018/3/14
  Time: 下午7:47
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<div class="layui-tab-item layui-show">
    <%--句法体验区开始--%>
    <fieldset class="layui-elem-field">
        <legend>句法依存关系分析</legend>
        <div class="layui-field-box">
            <p class="gray-p">请输入一段想分析的文本： <span class="span_seg_single" onclick="ramdomTexts()">随机示例</span>
                <span class="r count_txt gray-p">还能输入<strong id="currentLength">2000</strong>字</span>
            </p>
            <br>
            <%--单文本的文本框--%>
            <div class="layui-form-item layui-form-text">
                            <textarea id="text_main_text" placeholder="请输入内容" class="layui-textarea p-font"
                                      style="min-height: 120px;"></textarea>
            </div>
            <p class="gray-p">词法分析结果：<span class="span_seg_single">对结果不满意？</span></p>
            <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief" lay-allowClose="true">
                <ul class="layui-tab-title">
                    <li class="layui-this">句法视图</li>
                    <li>XML视图</li>
                    <li>JSON视图</li>
                </ul>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">
                        <div class="layui-row">
                            <div class="layui-col-xl12">
                                <fieldset class="layui-elem-field">
                                    <legend>可选项</legend>
                                    <div class="layui-field-box">
                                        <form class="layui-form" action="">
                                            <div class="layui-form-item">
                                                <div class="layui-input-block" style="margin-left: 30px;">
                                                    <input type="checkbox" name="check_short_sentences"
                                                           title="切分短句" onclick="onOptionChange()">
                                                    <input type="checkbox" name="check_pos" title="词性标注"
                                                           checked onclick="onOptionChange()">
                                                    <input type="checkbox" name="check_entity" title="命名实体"
                                                           checked onclick="onOptionChange()">
                                                    <input type="checkbox" name="check_show_dependency"
                                                           title="句法分析" checked onclick="onOptionChange()">
                                                    <input type="checkbox" name="check_isHave_denpendcy"
                                                           title="语义依存" onclick="onOptionChange()">
                                                </div>
                                            </div>
                                        </form>
                                        <hr>
                                        <form class="layui-form" action="">
                                            <div class="layui-form-item">
                                                <div id="div_sen_denp_relation" class="layui-input-block"
                                                     style="margin-left: 30px;">

                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </fieldset>
                            </div>
                        </div>
                        <div class="layui-row">
                            <div class="col-md-12" style="margin-left: -15px;">
                                <div class="panel-group" id="accordion" role="tablist"
                                     aria-multiselectable="true">

                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="layui-tab-item">
                             <pre>
                            <code id="code_xml" class="xml hljs"
                                  style="line-height: 30px; margin-left: 30px;word-wrap: break-word; height: 800px;overflow-y: scroll;">

                            </code>
                             </pre>
                    </div>
                    <div class="layui-tab-item">
                             <pre>
                            <code id="code_json" class="json hljs"
                                  style="line-height: 30px; margin-left: 30px;word-wrap: break-word; height: 800px;overflow-y: scroll;">

                            </code>
                             </pre>
                    </div>
                </div>
            </div>

        </div>
    </fieldset>
    <%--句法体验区结束--%>
</div>